<%-- 
    Document   : modificarImplemento
    Created on : 29-ene-2011, 20:05:24
    Author     : h-m
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Implementos");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Implementos</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Modificar Implemento</h2>
        <html:form action="/modificarImplemento" styleId="modificarImplementoForm" onsubmit="return actualizarImplemento();">
            <table>

                <tbody>
                <input  id="submit" type="hidden" name="submit" value ="">
                <input  id="id_implemento" type="hidden" name="id_implemento" value ="">
                <tr>
                    <td colspan="2">
                        <html:errors property = "act_imp_fallido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Tipo:</td>
                    <td>
                        <select id="tipo" name="nombre" onclick="selecionarTipo(value)">
                            <option value="" selected/>
                            <script type="text/javascript">

                            </script>
                        </select>
                        <html:errors property = "tipo_imp_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Subtipo:</td>
                    <td>
                        <select id="subtipo" name="subtipo" onclick="seleccionarSubtipo()">
                            <option value="" selected/>
                        </select>
                        <html:errors property = "subtipo_imp_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Marca:</td>
                    <td>
                        <html:text property="marca" styleId="marca" />
                        <html:errors property = "marca_imp_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Status:</td>
                    <td>
                        <html:text property="status" styleId="status"/>
                        <html:errors property = "estado_imp_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Duración estimada:</td>
                    <td>
                        <html:text property="duracionEstimada" styleId="durEst"/>
                        <html:errors property = "durEst_imp_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;Duración real:</td>
                    <td><html:text property="duracionReal" styleId="durReal"/></td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Calificación:</td>
                    <td>
                        <html:select property="calificacion" styleId="calificacion">
                        </html:select>
                        <html:errors property = "calificacion_imp_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;Características adicionales:</td>
                    <td><html:textarea property="caracteristicasAdicionales" cols="30" rows="4" styleId="caracAdic"/></td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;Frecuencia de Uso:</td>
                    <td><html:text property="frecuenciaDeUso" styleId="frecUso"/></td>
                </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>Los campos con * son obligatorios.</p></font>
            <br>

            <html:submit value="  Modificar Implemento  " onclick="cambiarSubmit()"/>
            <html:button property="" styleId="implemento" value="  Atrás  "/>
        </html:form>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    // <!-- Agregar esta linea lo necesario para llenar el formulario -->
    var tipoO = "";
    var subtipoO ="";
    var calificacionO= "";
    var id_implemento ="";
    function llenarForm(){
        // Aqui se realiza la consulta a la BD (Cambia en todos los script)
        $.getJSON("modificarImplemento.do",{flag: "ida"},
        function(data) {
            $.each(data.modificarImplementoIda , function(i,item){
                // Aqui se van llenando los valores del formulario
                id_implemento = item.id_implemento;
                var tipoS = "<option selected = 'selected' value='"+item.tipo+"' >"+item.tipo+"</option>";
                tipoO = item.tipo;
                $("#tipo").append(tipoS);

                var subtipoS = "<option selected = 'selected' value='"+item.subtipo+"' >"+item.subtipo+"</option>";
                subtipoO = item.subtipo;
                $("#subtipo").append(subtipoS);


                $("#marca").val(item.marca);
                $("#status").val(item.status);
                $("#durEst").val(item.duracion_estimada);
                $("#durReal").val(item.duracion_real);

                var calificacionS = "";

                if(item.calificacion == '-1'){
                    calificacionS = "<option selected = 'selected' value='"+item.calificacion+"' >  </option>";
                }
                if(item.calificacion == '0'){
                    calificacionS = "<option selected = 'selected' value='"+item.calificacion+"' >Sin Calificación </option>";
                }
                if(item.calificacion == '1'){
                    calificacionS = "<option selected = 'selected' value='"+item.calificacion+"' >Deficiente</option>";
                }
                if(item.calificacion == '2'){
                    calificacionS = "<option selected = 'selected' value='"+item.calificacion+"' >Regular</option>";
                }
                if(item.calificacion == '3'){
                    calificacionS = "<option selected = 'selected' value='"+item.calificacion+"' >Bueno</option>";
                }
                if(item.calificacion == '4'){
                    calificacionS = "<option selected = 'selected' value='"+item.calificacion+"' >Muy Bueno</option>";
                }
                if(item.calificacion == '5'){
                    calificacionS = "<option selected = 'selected' value='"+item.calificacion+"' >Excelente</option>";
                }
                calificacionO = item.calificacion;
                var string = "";
                if(item.calificacion != '-1'){
                    string = "<option value='-1' > </option>";
                    $('#calificacion').append(string);
                }
                $("#calificacion").append(calificacionS);
                if(item.calificacion != '0'){
                    string = "<option value='0' >Sin Calificación</option>";
                    $('#calificacion').append(string);
                }
                if(item.calificacion != "1"){
                    string = "<option value='1' >Deficiente</option>";
                    $('#calificacion').append(string);
                }
                if(item.calificacion != "2"){
                    string = "<option value='2' >Regular</option>";
                    $('#calificacion').append(string);
                }
                if(item.calificacion != "3"){
                    string = "<option value='3' >Bueno</option>";
                    $('#calificacion').append(string);
                }
                if(item.calificacion != "4"){
                    string = "<option value='4' >Muy Bueno</option>";
                    $('#calificacion').append(string);
                }
                if(item.calificacion != "5"){
                    string = "<option value='5' >Excelente</option>";
                    $('#calificacion').append(string);
                }

                $("#caracAdic").val(item.caracteristicas_adicionales);
                $("#frecUso").val(item.frecuencia_de_uso);
                $("#error").val("");
            });
            // (Cambia en todos los script)
            // Lo unico que cambia en esta parte es el llamado del método
        });
        $.getJSON("listaTipoImplemento.do",
        function(data) {
            $.each(data.Tipo, function(i,item){
                if(tipoO != item.nombre){
                    var string = "<option value='"+item.nombre+"' >"+item.nombre+"</option>";
                    $('#tipo').append(string);
                }
            });
        });
        return false;
    }

    llenarForm();
    // <!-- Agregar esta linea -->

    var tipo = false;
    var tipo_seleccionado = false;

    function selecionarTipo(value){
        tipo = value;
        $('#Subtipo').empty();
    }

    function seleccionarSubtipo(){
        $.getJSON("listaSubtipoImplemento.do",
        function(data) {
            if(tipo_seleccionado!=tipo){

                $('#subtipo').empty();
                $.each(data.Subtipo, function(i,item){
                    if(tipo == item.nombre){
                        if(subtipoO != item.subtipo){
                            var string = "<option value='"+item.subtipo+"' >"+item.subtipo+"</option>";
                            $('#subtipo').append(string)
                        }
                    }
                });
                tipo_seleccionado=tipo;
            }
        });
    }

    // <!-- Agregar esta linea -->
    function cambiarSubmit(){
        $("#submit").val("submit");
        $("#id_implemento").val(id_implemento);
    }
    // <!-- Agregar esta linea -->
</script>